<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<body>
    <div th:fragment="sidebar">
        <header class="logo">
            <a href="index" class="sidebar-icon"> <span class="fa fa-bars"></span> </a> <a href="index.html"> <span
                id="logo"> <h1>PandaBI</h1></span>
        </a>
        </header>
        <div style="border-top:1px solid rgba(69, 74, 84, 0.7)"></div>
        <!--/down-->
        <div class="down">
            <a href="index.html"><img src="images/ki.png"></a>
            <a href="index.html"><span class=" name-caret">Irving</span></a>
            <p>System Administrator in Company</p>
            <ul>
                <li><a class="tooltips" href="/myinfo"><span>个人信息</span><i class="lnr lnr-user"></i></a></li>
                <li><a class="tooltips" href="index.html"><span>设置</span><i class="lnr lnr-cog"></i></a></li>
                <li><a class="tooltips" href="logout"><span>注销</span><i
                        class="lnr lnr-power-switch"></i></a>
                </li>
            </ul>
        </div>
        <!--//down-->
        <div class="menu">
            <ul id="menu">
                <li><a href="#"><i class="lnr lnr-chart-bars"></i> <span>图表</span> <span
                        class="fa fa-angle-right"
                        style="float: right"></span></a>
                    <ul>
                        <li><a href="3D-scatter"><i class="lnr lnr-map"></i>3D散点图</a></li>
                        <li><a href="2D-scatter"><i class="lnr lnr-apartment"></i> 2D散点图</a></li>
                        <li><a href="pie"><i class="lnr lnr-apartment"></i> 饼状图</a></li>
                        <li><a href="bar"><i class="lnr lnr-apartment"></i> 柱状图</a></li>
                        <li><a href="line"><i class="lnr lnr-apartment"></i> 折线图</a></li>
                        <li><a href="/graph"><i class="lnr lnr-apartment"></i> 关系图</a></li>
                        <li><a href="/tree"><i class="lnr lnr-apartment"></i> 树状图</a></li>
                    </ul>
                </li>
                <li>
                    <a href="/user"><i class="fa fa-smile-o"></i> <span>用户管理</span> <span
                        class="fa fa-angle-right"
                        style="float: right"></span></a>

                </li>
                <li>
                    <a href="/data"><i class="lnr lnr-layers"></i> <span>数据管理</span> <span
                            class="fa fa-angle-right"
                            style="float: right"></span></a>
                </li>
                <li>
                    <a href="/file"><i class="lnr lnr-layers"></i> <span>文件工具</span> <span
                            class="fa fa-angle-right"
                            style="float: right"></span></a>
                </li>
            </ul>
        </div>
    </div>
</body>
</html>